<template>
    <div>
        <el-tabs v-model="tabCurrent" type="card">
            <el-tab-pane label="客户属性筛选" name="first">
                <ClientAttributeList v-if="tabCurrent == 'first'"/>
            </el-tab-pane>

            <el-tab-pane label="客户动态筛选" name="second">
                <ClientDynamicList v-if="tabCurrent == 'second'"/>
            </el-tab-pane>

            <el-tab-pane label="客户评分筛选" name="third">
                <ClientRateList v-if="tabCurrent == 'third'"/>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
import ClientAttributeList from '@/views/customer/client_list/list_attribute'
import ClientDynamicList from '@/views/customer/client_list/list_dynamic'
import ClientRateList from '@/views/customer/client_list/list_rate'

export default {
    components: {
        ClientAttributeList,
        ClientDynamicList,
        ClientRateList
    },
    data() {
        return {
            tabCurrent: 'first'
        };
    },
    methods: {
    }
};
</script>

<style scoped>
.box-card {
    width: 99%;
}
</style>
